

<div class="item col-md-3">
    <div class="product-top">
        <%= hidden_field_tag :product_id, product.id, :id => nil %>
        <a class="product-detail-link" href="<%= product_path(product.id, :page => @products.current_page) %>">
            <% if !product.promotional_price.blank? && product.promotional_price > 0 %>
              <div class="ribbon-wrapper"><div class="ribbon"><%= product.get_discount_percentage %></div></div>
            <% end %>
          <img src="<%= product.photo(:list) unless product.photo.blank? %>" alt="product image" class="products">

          <% if product.is_sold_out? %>
            <div class="sold-out">AGOTADO</div>
          <% end %>
        </a>
        <h3 class="products-name"><%= product.model %></h3>
        <%= render :partial => 'listing_product_price', :locals => { :product => product } %>
        <p class="product-category"><%= product.brand.name %>, <%= show_categories product.categories, 20 %></p>
    </div>
</div>

<!--<div class="product">


    <a href="<%= product_path(product.id) %>" title="" alt="">
        <div class="photo"><%= image_tag product.photo(:thumb) unless product.photo.blank? %></div>
        <div class="title"><%= product.model %></div>
        <div class="categories"><%= show_categories product.categories %></div>
    </a>
</div>  -->